<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>医院诊疗系统</title>
  <link rel="stylesheet" href="../css/layui.css">
  <script src="../layui.js"></script>
  <script src="../js/jquery-3.5.1.js"></script>

</head>
<body>
    <div class="layui-layout layui-layout-admin">
    <!-- 头部区域（可配合layui 已有的水平导航） -->
    <div class="layui-header">
        <div class="layui-logo layui-hide-xs layui-bg-black">医院诊疗系统</div>
        
        <ul class="layui-nav layui-layout-left">
        <!-- 移动端显示 -->
        <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
            <i class="layui-icon layui-icon-spread-left"></i>
        </li>
        
        <li class="layui-nav-item layui-hide-xs layui-this"><a href="drug_in_storage.html">药库管理</a></li>
       
      </ul>
  
  
  
      <!-- 右上角导航栏 -->
      <ul class="layui-nav layui-layout-right">
        
          
        <div class="layui-nav-item layui-hide layui-show-md-inline-block" style=" text-align: center; 
          display: inline-block; line-height: 42px; height: 42px; width: 25px; ">
          <div id="red-spot" style="position:absolute ;top: 1px; right: -7px; width: 4px; height: 4px; border: 0.5px solid red;
          background-color: red; border-radius: 50%;"></div>
          <i id="notice" class="layui-icon layui-icon-notice" style="font-size: 20px; color:rgba(255, 255, 255, .7);"></i>
          <!-- <span class="layui-badge-dot" style=" border: 0.5px; position: relative;top:-62px; right: -15px; "></span> -->
        </div>
        <li class="layui-nav-item layui-hide layui-show-md-inline-block">
          <a href="javascript:;">
            <img src="../image/gly.jpg" class="layui-nav-img">
            药库管理员
          </a>
          <dl class="layui-nav-child">
            <dd><a href="">修改密码</a></dd>
            <dd><a id="edit">编辑信息</a></dd>
            <dd><a href="">退出登录</a></dd>
          </dl>
        </li>
        
      </ul>
      <!-- 右上角导航栏 -->
      
    </div>
    <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
        
          <ul class="layui-nav layui-nav-tree" lay-filter="test">
            <li class="layui-nav-item layui-nav-itemed">
              <a href="drug_in_storage.html">药品入库</a>
            </li>
            <li class="layui-nav-item layui-nav-itemed">
              <a href="drug_out_storage.html">药品出库</a>
            </li>
            <li class="layui-nav-item layui-nav-itemed">
              <a href="drug_query.html" >药品查询</a>
            </li>
            <li class="layui-nav-item layui-nav-itemed">
              <a href="drug_adjust_price.html" class="layui-this">药品调价</a>
            </li>
            <li class="layui-nav-item layui-nav-itemed">
              <a href="drug_delete.html">药品删除</a>
            </li>
          </ul>

  
        </div>
      </div>
     <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
    
        <!-- 内容主体区域 -->
    <div class="layui-body" style="padding: 15px;">
      <!-- 面包屑 -->
    
      <div style=" padding: 15px;  background-color: #ffffff; border: solid #eeeeee 1px; box-shadow: inset 0 0 10px rgba(255, 255, 227, 0.925);">
        <fieldset class="layui-elem-field layui-field-title" style="margin: 0; border-top: none; padding: 0;height: 25px;line-height: 25px;">
          <span class="layui-breadcrumb" >
              <a href="/">药库管理</a>
              <a><cite>药品调价</cite></a>
          </span>
        </fieldset>
      </div>
    
      <!-- 面包屑 -->

            <blockquote class="layui-elem-quote" style="margin-top: 10px;">
              药品库
            </blockquote>

            <!-- 由id渲染表格 -->
            <table class="layui-hide" id="test" lay-filter="test"></table>

            


    <!-- 消息框 -->
<div class="notice_win win" style="display: none;" >
  <div class="win_title">
    <h6 style="display: inline-block; padding-left: 10px;">通知</h6>
    <div style="display: inline-block; text-align: right; width: 200px;">
      <span id="unread-count" style="text-align: right;color: #868686; font-size: 12px;">1</span>
      <span style="text-align: right;color: #868686; font-size: 12px;">条未读通知</span>
    </div>
  </div>
  <ul id="ul-read">
    <div id="unread">
      <div class="to-be-read">
        <li class="win_item">
          <div style="text-align: center; width: 40px; padding: 0; float: left;">
            <i class="layui-icon layui-icon-username layui-inline" style=" border-radius: 14px 14px 14px 14px ;
            height: 28px; line-height: 28px; width: 28px; background-color: #a0d9ff; color: rgb(0, 134, 196); font-size:20px ;"></i>
  
          </div>
          <div style="display: inline-block; height: 40;margin: 0;padding-left: 20px; width: 200px;">
            <p style=" padding-bottom: 5px;">
              新用户注册
            </p>
            <span style=" color: #868686; font-size: 12px;" >
              10分钟前
            </span>
          </div>
        </li>
        <hr style="margin: 0px;">
      </div>
    </div>
   
    
    <span style=" color: #868686; font-size: 12px; padding-left: 20px; height: 20px;line-height: 20px;" >已读</span>
    <hr style="margin: 0px;" >
    <div class="have-read">
      <li class="win_item">

        <div style="text-align: center; width: 40px; padding: 0; float: left;">
          <i class="layui-icon layui-icon-user layui-inline"
            style=" border-radius: 14px 14px 14px 14px ;
          height: 28px; line-height: 28px; width: 28px; background-color: #fcffa0; color: rgb(196, 176, 0); font-size:20px ;"></i>

        </div>
        <div style="display: inline-block; height: 40;margin: 0;padding-left: 20px; width: 200px;">
          <p style=" padding-bottom: 5px;">
            新病人预约
          </p>
          <span style=" color: #868686; font-size: 12px;">
            10分钟前
          </span>
        </div>
      </li>
      <hr style="margin:0px">
      <li class="win_item">
        <div style="text-align: center; width: 40px; padding: 0; float: left;">
          <i class="layui-icon layui-icon-user layui-inline"
            style=" border-radius: 14px 14px 14px 14px ;
          height: 28px; line-height: 28px; width: 28px; background-color: #fcffa0; color: rgb(196, 176, 0); font-size:20px ;"></i>

        </div>
        <div style="display: inline-block; height: 40;margin: 0;padding-left: 20px; width: 200px;">
          <p style=" padding-bottom: 5px;">
            新病人预约
          </p>
          <span style=" color: #868686; font-size: 12px;">
            10分钟前
          </span>
        </div>

      </li>
      <hr style="margin:0px">
      <li class="win_item">
        <div style="text-align: center; width: 40px; padding: 0; float: left;">
          <i class="layui-icon layui-icon-user layui-inline"
            style=" border-radius: 14px 14px 14px 14px ;
          height: 28px; line-height: 28px; width: 28px; background-color: #fcffa0; color: rgb(196, 176, 0); font-size:20px ;"></i>

        </div>
        <div style="display: inline-block; height: 40;margin: 0;padding-left: 20px; width: 200px;">
          <p style=" padding-bottom: 5px;">
            新病人预约
          </p>
          <span style=" color: #868686; font-size: 12px;">
            10分钟前
          </span>
        </div>
      </li>
      <hr style="margin:0px">
    </div>
   
  </ul>
</div>
<!-- 消息框 -->
<!-- 消息样式 -->
<style>

  .win{
    padding: 0;
    margin: 0;
  }
  .notice_win{
    width: 300px;
    height: 404px;
    background-color: rgb(253, 255, 249);
    float: none;
    position: fixed;
    top: 61px;
    right: 150px;
    z-index: 999;
    border-radius: 8px;
  }
  .win_line{
    width: 300;
    height: 17;
  }
  .win_item{
    border: 1px;
    padding: 12px;
    width: 274px;
    height: 40px;
  }
  img{
    width: 100%;
  }
  .win_title{
    width: 252;
    padding: 24px;
    background-image: url("../image/image2.png");
    background-size:200% 200%;
    border-radius: 8px 8px 0 0px;
    height: 17px;
    line-height: 17px;
  }
</style>
<!-- 消息样式 -->
     
</div>
  
  <!-- 主体 -->
  
</div>

<!-- 消息处理 -->
<script>
  $("#notice").on('click',function(){
    $(".notice_win").css('display',"block");
  });
  $("body").click(function(e){
  	if((!$(e.target).closest("#notice").length)&&(!$(e.target).closest(".notice_win").length)){
      $(".notice_win").css('display',"none");
  	}
  });

  var count = $(".to-be-read").length;
var flag=count;
for(var i=0;i<count;i++){
  $("#unread>.to-be-read").eq(i).click(function(e){
    $(".have-read").prepend($("#unread .to-be-read").eq(i-1));
    flag--;
    $("#unread-count").text(flag);
    if(flag==0){
      $("#red-spot").css('display',"none");
    }
});

}


</script>

<!-- 消息处理 -->



    <!-- // 表格处理 -->

    <script type="text/html" id="toolbarDemo">
      <div class="layui-btn-container">
        <div style="padding-right:30px; display:inline-block ">
          <input class=" layui-btn-sm" type="text"  name="" id="drug_id_text" placeholder="搜索药品ID" >
          <a class="layui-btn layui-btn-sm" style="margin:0 0 9.6px 1em ;" id="drug_id" >搜索</a>
        </div>

        <input class=" layui-btn-sm" type="text"  name="" id="drug_name_text" placeholder="搜索药品名称" >
        <a class="layui-btn layui-btn-sm" style="margin:0 0 9.6px 1em ;" id="drug_name" >搜索</a>
      </div>
    </script>
 
    <script type="text/html" id="barDemo">
      <a class="layui-btn layui-btn-xs" lay-event="edit">修改价格</a>
    </script>
              
          
 
    <script>
      var a;
    layui.use('table', function(){
      var table = layui.table;
      var table_data = [];
      let $ = layui.jquery;
      $.ajax({
        url: "/Drug/getAll",
        type: "get",
        contentType: 'application/json;charset=UTF-8',
        // data: JSON.stringify(data.field),
        // dataType: "json",
        success: function (data) {

          for (var i = 0; i < data.length; i++) {
            let insurance = '否'
            if (data[i]['yp_insurance'] === 1) {
              insurance = '是'
            }
            let temp_data = {
              "yp_id": data[i]['yp_id'],
              "yp_name": data[i]['yp_name'],
              "yp_count": data[i]['yp_amount'],
              "yp_standard": data[i]['yp_standard'],
              "yp_form": data[i]['yp_form'],
              "yp_producer": data[i]['yp_producer'],
              "yp_company": data[i]['yp_company'],
              "yp_price": data[i]['yp_uprice'],
              "yp_mcompany": data[i]['yp_mcompany'],
              "yp_coef": data[i]['yp_coef'],
              "yp_pycode": data[i]['yp_pycode'],
              "yp_wbcode": data[i]['yp_wbcode'],
              "yp_anumber": data[i]['yp_anumber'],
              "yp_insurance": insurance,
            }

            table_data.push(temp_data)

            console.log(table_data)
            table.reload("test", {
              where: {
                data: table_data
              }
            })

            // let index = parent.layer.getFrameIndex(window.name)
            // parent.layer.close(index)
            // // console.log(data)
            // parent.location.reload()
          }
        }
      })

      $(document).on('click','#drug_id',function(){

        var val= $(this).parent().find("#drug_id_text").val();
        console.log(val);

        $.ajax({
          url: "/Drug/getDrugById?id="+val,
          type: "get",
          contentType: 'application/text;charset=UTF-8',
          success: function (data) {
            console.log(data)
            let temp_length = table_data.length
            for (let i = 0; i < temp_length ; i++) {
              table_data.pop()
            }

            let insurance = '否'
            if (data['yp_insurance'] === 1) {
              insurance = '是'
            }
            let temp_data = {
              "yp_id": data['yp_id'],
              "yp_name": data['yp_name'],
              "yp_count": data['yp_amount'],
              "yp_standard": data['yp_standard'],
              "yp_form": data['yp_form'],
              "yp_producer": data['yp_producer'],
              "yp_company": data['yp_company'],
              "yp_price": data['yp_uprice'],
              "yp_mcompany": data['yp_mcompany'],
              "yp_coef": data['yp_coef'],
              "yp_pycode": data['yp_pycode'],
              "yp_wbcode": data['yp_wbcode'],
              "yp_anumber": data['yp_anumber'],
              "yp_insurance": insurance,
            }

            table_data.push(temp_data)

            console.log(table_data)
            table.reload("test", {
              page: {
                curr:1
              },
              where: {
                data: table_data
              }
            })
            console.log('after')


          },
        })
      });
      $(document).on('click','#drug_name',function(){

        var val= $(this).parent().find("#drug_name_text").val();
        console.log(val);

        $.ajax({
          url: "/Drug/getDrugByName?name="+val,
          type: "get",
          contentType: 'application/text;charset=UTF-8',
          success: function (data) {
            console.log(data)
            let temp_length = table_data.length
            for (let i = 0; i < temp_length ; i++) {
              table_data.pop()
            }

            let insurance = '否'
            if (data['yp_insurance'] === 1) {
              insurance = '是'
            }
            let temp_data = {
              "yp_id": data['yp_id'],
              "yp_name": data['yp_name'],
              "yp_count": data['yp_amount'],
              "yp_standard": data['yp_standard'],
              "yp_form": data['yp_form'],
              "yp_producer": data['yp_producer'],
              "yp_company": data['yp_company'],
              "yp_price": data['yp_uprice'],
              "yp_mcompany": data['yp_mcompany'],
              "yp_coef": data['yp_coef'],
              "yp_pycode": data['yp_pycode'],
              "yp_wbcode": data['yp_wbcode'],
              "yp_anumber": data['yp_anumber'],
              "yp_insurance": insurance,
            }

            table_data.push(temp_data)

            console.log(table_data)
            table.reload("test", {
              where: {
                data: table_data
              }
            })

          },
        })
      });
      
      table.render({
        elem: '#test'
        // ,url:'mods/table/user/a.json'   //数据来源接口
        
        ,toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
        ,defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
          title: '提示'
          ,layEvent: 'LAYTABLE_TIPS'
          ,icon: 'layui-icon-tips'
        }]
        ,title: '用户数据表'
        ,cols: [
          [  //表头
          {type: 'checkbox', fixed: 'left'}
          ,{field: 'yp_id', title: '药品代码', width:130, sort: true, fixed: 'left' ,align:"center"}
            ,{field: 'yp_name', title: '药品名称', width:100 ,align:"center"}
            ,{field: 'yp_count', title: '药品数量', width:100 ,align:"center"}
            ,{field: 'yp_standard', title: '规格', width:100 ,align:"center"}
            ,{field: 'yp_form', title: '剂型', width: 60 ,align:"center"}
            ,{field: 'yp_producer', title: '生产产家', width:200 ,align:"center"}
            ,{field: 'yp_company', title: '单位', width: 200  ,align:"center"}
            ,{field: 'yp_price', title: '单价', width:110 ,align:"center"}
            ,{field: 'yp_mcompany', title: '最小单位', width:110 ,align:"center"}
            ,{field: 'yp_coef', title: '系数', width:60 ,align:"center"}
            ,{field: 'yp_pycode', title: '拼音码', width:170 ,align:"center"}
            ,{field: 'yp_wbcode', title: '五笔码', width: 150 ,align:"center"}
            ,{field: 'yp_anumber', title: '批准文号', width:110 ,align:"center"}
            ,{field: 'yp_insurance', title: '医保可报', width: 120  ,align:"center"}
            ,{fixed: 'right', width: 180, align:'center', toolbar: '#barDemo'}
          ]
        ]
        ,page: true
        ,data: table_data
        // ,data:[
        //     {
        //         "yp_id": 1320030581,
        //         "yp_name": "拉米夫定片",
        //         "yp_count": "255",
        //         "yp_standard":"	0.1g*14s",
        //         "yp_form": "片剂",
        //         "yp_producer": "葛兰素史克制药(苏州)有限公司",
        //         "yp_company": "葛兰素史克制药(苏州)有限公司",
        //         "yp_price": "￥139.00",
        //         "yp_mcompany": "0.3g",
        //         "yp_coef": "1",
        //         "yp_pycode":"lamifudingpian",
        //         "yp_wbcode": "sdlkfjsd",
        //         "yp_anumber": "H20030581",
        //         "yp_insurance": "否"
        //     }
        //   ]
          
      });
      
      
      //监听行工具事件
      table.on('tool(test)', function(obj){
        var data = obj.data;
        //console.log(obj)
        if(obj.event === 'edit'){
          layer.prompt({
            formType: 2,
            value: '140.00',
            title: '请输入新的价格:',
            area: ['200px', '20px'] //自定义文本域宽高
          },function(val, index){
            $.ajax({
              url: "/Drug/updatePrice?id="+obj.data['yp_id']+"&price="+val,
              type: "get",
              contentType: 'application/json;charset=UTF-8',
              // data: JSON.stringify(data.field),
              // dataType: "json",
              success: function (data) {
                console.log(table_data.length)
                let temp_length = table_data.length
                for (let i = 0; i < temp_length ; i++) {
                  table_data.pop()
                }
                $.ajax({
                  url: "/Drug/getAll",
                  type: "get",
                  contentType: 'application/json;charset=UTF-8',
                  // data: JSON.stringify(data.field),
                  // dataType: "json",
                  success: function (data) {

                    for (var i = 0; i < data.length; i++) {
                      let insurance = '否'
                      if (data[i]['yp_insurance'] === 1) {
                        insurance = '是'
                      }
                      let temp_data = {
                        "yp_id": data[i]['yp_id'],
                        "yp_name": data[i]['yp_name'],
                        "yp_count": data[i]['yp_amount'],
                        "yp_standard": data[i]['yp_standard'],
                        "yp_form": data[i]['yp_form'],
                        "yp_producer": data[i]['yp_producer'],
                        "yp_company": data[i]['yp_company'],
                        "yp_price": data[i]['yp_uprice'],
                        "yp_mcompany": data[i]['yp_mcompany'],
                        "yp_coef": data[i]['yp_coef'],
                        "yp_pycode": data[i]['yp_pycode'],
                        "yp_wbcode": data[i]['yp_wbcode'],
                        "yp_anumber": data[i]['yp_anumber'],
                        "yp_insurance": insurance,
                      }

                      table_data.push(temp_data)

                      console.log(table_data)
                      table.reload("test", {
                        where: {
                          data: table_data
                        }
                      })

                    }
                  }
                })
              }
            })

            layer.close(index);
          });
        } else if(obj.event === 'del'){
          layer.prompt({
            formType: 2
            ,value: data.email
          }, function(value, index){
            obj.update({
              email: value
            });
            layer.close(index);
          });
        }
      });
    });
    </script>


<!-- // 表格处理 -->


    <script>
    //JS 
    layui.use(['element', 'layer', 'util'], function(){
        var element = layui.element
        ,layer = layui.layer
        ,util = layui.util
        ,$ = layui.$;
        
        //头部事件
        util.event('lay-header-event', {
        //左侧菜单事件
        menuLeft: function(othis){
            layer.msg('展开左侧菜单的操作', {icon: 0});
        }
        ,menuRight: function(){
            layer.open({
            type: 1
            ,content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
            ,area: ['260px', '100%']
            ,offset: 'rt' //右上角
            ,anim: 5
            ,shadeClose: true
            });
        }
        });
        
    });
    </script>



<!-- 修改信息事件 -->
<script>
  $("#edit").on('click',function(e){
    //打开窗口
    layer.open({
            type: 2,
            area: ['1000px', '600px'],
            fixed: false, //不固定
            maxmin: true,
            title:"个人信息",
            content: '../edit_information.html'
            // 3.父传子值
            //  success:function(layero, index){
            //       //关键在这，调用子的iframe的方法，进行传参,前两行固定写法
            //       var body = layer.getChildFrame('body', index);
            //       var iframeWin = window[layero.find('iframe')[0]['name']];
            //       var div=$(obj).text();
            //       iframeWin.childIframe(div);    //看这
            //   }
      });
  });

</script>
<!-- 修改信息事件 -->

</body>
</html>